extends layout
append scripts
    script.
        new Vue({
            el: '#app',
            data: {
                object: {
                    name: '菜鸟教程',
                    url: 'http://www.runoob.com',
                    slogan: '学的不仅是技术, 更是梦想!'
                }
            }
        })
block content
    #app
        //- for value in object: print(value)  # 就是类似于这种的
        ul #[li(v-for="value in object") {{ value }}]
        ul #[li(v-for="n in 10") {{ n }}]
        ul #[li(v-for="(value, key) in object") {{ key }} : {{ value }}]
        ul #[li(v-for="(value, key, index) in object") {{ index }}. {{ key }} : {{ value }}]

